<template>
	<view class="cardBag">
		<view v-for="item in list" :key='item.id' class="item">
			<view class="flex-a flex-b">
				<view class="no">{{item.orderNo}}</view>
				<view class="price">{{item.price}}</view>
			</view>
			<view class="time">{{item.createTime}}</view>
		</view>
	</view>
</template>

<script>
	import {
		getOrderCspList
	} from '@/api/order.js'
	import {
		mapGetters
	} from "vuex";
	export default {
		data() {
			return {
				list: []
			}
		},
		computed: mapGetters(['isLogin']),
		onLoad(option) {
			if (option.storeNo) {
				getOrderCspList({
					storeNo: option.storeNo,
					no: option.no
				}).then(res => {
					if (res.code == 200) {
						this.list = res.rows
					}
				})
			}
		},
		onShow() {
			if (this.isLogin) {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page,
	body {
		height: 100%;
		background: #fff;
	}

	.cardBag {
		padding: 20rpx;
		.item{
			padding: 20rpx 0;
			border-bottom: 1rpx solid #F5F5F5;
		}
		.no{
			color: #252525;
			font-size: 30rpx;
			margin-bottom: 10rpx;
		}
		.price{
			color: #F1C21E;
			font-size: 30rpx;
		}
		.time{
			font-size:26rpx ;
			color: #B6B6B6;
		}
	}
</style>